<router-outlet>
  <h1 class="font-weight-light">{{ 'enum.SETTINGS' | translate }}</h1>
  <div class="row" style="height: calc(100vh - 235px)">
    <a
      [routerLink]="['users']"
      class="settings__link col-md-12 col-lg-6 col-xl-4">
      <mat-card class="settings__card">
        <div class="settings__image--users"></div>
        <mat-card-title>{{ 'sidebar.nav.USERS' | translate }}</mat-card-title>
        <mat-card-subtitle>{{
          'setting.description.USERS' | translate
        }}</mat-card-subtitle>
      </mat-card>
    </a>
    <a
      [routerLink]="
        !isConfigAuth || isNamespaceUser ? ['./'] : ['configuration']
      "
      class="settings__link col-md-12 col-lg-6 col-xl-4"
      [class.disabled]="!isConfigAuth || isNamespaceUser">
      <mat-card
        class="settings__card"
        [class.disabled]="!isConfigAuth || isNamespaceUser">
        <div
          class="settings__image--config"
          [class.disabled]="!isConfigAuth || isNamespaceUser"></div>
        <mat-card-title>{{
          'sidebar.nav.CONFIGURATION' | translate
        }}</mat-card-title>
        <mat-card-subtitle>{{
          'setting.description.CONFIGURATION' | translate
        }}</mat-card-subtitle>
      </mat-card>
    </a>
    <a
      [routerLink]="!isAuthenticationAuth ? ['./'] : ['ldap']"
      class="settings__link col-md-12 col-lg-6 col-xl-4"
      [class.disabled]="!isAuthenticationAuth">
      <mat-card class="settings__card" [class.disabled]="!isAuthenticationAuth">
        <div
          class="settings__image--ldap"
          [class.disabled]="!isAuthenticationAuth"></div>
        <mat-card-title>{{ 'sidebar.nav.LDAP' | translate }}</mat-card-title>
        <mat-card-subtitle>{{
          'setting.description.LDAP' | translate
        }}</mat-card-subtitle>
      </mat-card>
    </a>
    <a
      *ngIf="!isWorker"
      [routerLink]="!isAuthenticationAuth ? ['./'] : ['saml']"
      class="settings__link col-md-12 col-lg-6 col-xl-4"
      [class.disabled]="!isAuthenticationAuth">
      <mat-card class="settings__card" [class.disabled]="!isAuthenticationAuth">
        <div
          class="settings__image--saml"
          [class.disabled]="!isAuthenticationAuth"></div>
        <mat-card-title>{{ 'sidebar.nav.OKTA' | translate }}</mat-card-title>
        <mat-card-subtitle>{{
          'setting.description.SAML' | translate
        }}</mat-card-subtitle>
      </mat-card>
    </a>
    <a
      *ngIf="!isWorker"
      [routerLink]="!isAuthenticationAuth ? ['./'] : ['openid']"
      class="settings__link col-md-12 col-lg-6 col-xl-4"
      [class.disabled]="!isAuthenticationAuth">
      <mat-card class="settings__card" [class.disabled]="!isAuthenticationAuth">
        <div
          class="settings__image--openid"
          [class.disabled]="!isAuthenticationAuth"></div>
        <mat-card-title>{{ 'sidebar.nav.OPENID' | translate }}</mat-card-title>
        <mat-card-subtitle>{{
          'setting.description.OPENID' | translate
        }}</mat-card-subtitle>
      </mat-card>
    </a>
  </div>
</router-outlet>
